<!DOCTYPE html>
<html lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes">
    <link rel="stylesheet" href="__PUBLIC__/asset/lib/swiper/swiper-bundle.min.css" />
    <link rel="stylesheet" href="__PUBLIC__/asset/css/common.css">
    <link href="__PUBLIC__/asset/css/animate.css" rel="stylesheet" type="text/css" media="all">
    <link href="__PUBLIC__/asset/lib/bootstrap/bootstrap.css" rel="stylesheet" type="text/css" media="all">
    <link rel="stylesheet" href="__PUBLIC__/asset/css/platform/platform.css">
    <link rel="stylesheet" href="__PUBLIC__/asset/css/platform/google.css">
    <link rel="stylesheet" href="__PUBLIC__/asset/css/iconfont.css">
    <!-- 设备宽度小于768->手机设备 -->
    <link rel="stylesheet" href="__PUBLIC__/asset/css/platform/768.css" media=" screen and (max-width:768px)">
    <!-- 设备宽度768~1400之间->手机/平板设备 -->
    <link rel="stylesheet" href="__PUBLIC__/asset/css/platform/768.css"
          media=" screen and (min-width:768px) and (max-width:1400px)">
    <link rel="stylesheet" href="__PUBLIC__/asset/css/platform/1400.css"
          media=" screen and (min-width:768px) and (max-width:1400px)">
    <!-- 设备宽度大于等于1400px 使用原本样式处理 -->
    <title>{:L('cloud_google_title')}</title>
</head>

<body>
<div class="header"></div>
<div class="platform-box container-fluid">
    <!-- banner-轮播图 -->
    <div class="brand-banner"></div>
    <!-- 定位列表 -->
    <div class="platform-nav wow fadeInUp">
        <ul class="default-nav nav-list row">
            <li class="hidden-lg nav-title" data-id=""> <a><span>{:L('cloud_google_1')}</span> <i
                    class="iconfont icon-xiangshangjiantou"></i></a> </li>
            <li class="col-lg-4" data-id="#platform-product"><a><span>{:L('cloud_google_2')}</span> <i
                    class="iconfont icon-arrowdown"></i></a></li>
            <li class="col-lg-4" data-id="#platform-plan"><a><span>{:L('cloud_google_3')}</span> <i
                    class="iconfont icon-arrowdown"></i></a></li>
            <li class="col-lg-4" data-id="/contact/"><a><span>{:L('cloud_google_4')}</span> <i
                    class="iconfont icon-arrowdown"></i></a></li>
        </ul>
    </div>
    <!-- 页面主内容 -->
    <div class="platform-contetn">
        <div class="google-box">
            <!-- 特色产品标题-->
            <div class="middle-box wow fadeInUp">
                <div class="platform-title" id="platform-product">
                    <div class="title-name frist-text">{:L('cloud_google_5')}</div>
                    <a class="title-more" href="#">
                        <i class="iconfont icon-youjiantou- frist-icon google-icon"></i>
                    </a>
                </div>
            </div>
            <!-- 特色产品 -->
            <div class="middle-box wow fadeInUp" data-wow-delay="0.5s">
                <div class="platform-product-list">
                    <div class="product-list-item">
                        <div class="product-item-name">
                            <span class="sec-text">{:L('cloud_google_6')}</span>
                            <img src="__PUBLIC__/asset/image/platform/google/tag.png" alt="">
                        </div>
                        <div class="product-item-tag">{:L('cloud_google_7')}</div>
                        <div class="product-item-info">{:L('cloud_google_8')}</div>
                        <div class="product-item-btn row">
                            <a href="#" class="col-md-6 col-xs-8">
                                <i class="iconfont icon-youjiantou- google-icon"></i>
                            </a>
                            <!-- <div style="transform: none;"
                                class="product-arrow col-md-2 col-md-offset-4  col-xs-2  col-xs-offset-2">
                                <i class="iconfont icon-arrowdown"></i>
                                <img src="__PUBLIC__/asset/image/platform/google/arrow.png" alt="">
                            </div> -->
                        </div>
                    </div>
                    <div class="product-list-item">
                        <div class="product-item-name">
                            <span class="sec-text">{:L('cloud_google_9')}</span>
                        </div>
                        <div class="product-item-info">{:L('cloud_google_10')}</div>
                    </div>
                    <div class="product-list-item">
                        <div class="product-item-name">
                            <span class="sec-text">{:L('cloud_google_11')}</span>
                        </div>
                        <div class="product-item-info">{:L('cloud_google_12')}</div>
                    </div>
                    <div class="product-list-item">
                        <div class="product-item-name">
                            <span class="sec-text">{:L('cloud_google_13')}</span>
                        </div>
                        <div class="product-item-info">{:L('cloud_google_14')}</div>
                    </div>
                </div>
            </div>
            <!-- 解决方案 -->
            <div class="platform-plan-box" id="platform-plan">
                <div class="middle-box">
                    <div class="platform-plan wow fadeInUp">
                        <div class="plan-title">
                            <div class="title-name frist-text">{:L('cloud_google_15')}</div>
                            <div class="plan-title2">{:L('cloud_google_16')}</div>
                        </div>
                        <a class="plan-more" href="#">
                            <i class="iconfont icon-youjiantou- frist-icon google-icon"></i>
                        </a>
                    </div>
                    <div class="platform-plan-nav wow fadeInUp" data-wow-delay="0.5s">
                        <ul class="plan-nav-list">
                            <volist name="cates" id="vo">
                                <li <if condition="$key eq 0">class="plan-active"</if> data-id="{$key+1}">
                                <span>{$vo.title}</span>
                                <i class="iconfont icon-xiangshangjiantou"></i>
                                </li>
                            </volist>
                        </ul>
                    </div>
                    <div class="plan-list-swiper wow fadeInUp" data-wow-delay="0.5s">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div class="platform-plan-list row">
                                    <div class="plan-list-left col-md-4">
                                        <volist name="list[0]" id="vo">
                                            <div class="plan-item">
                                                <div class="plan-item-title sec-text">{$vo.title}</div>
                                                <div class="plan-item-info info-text">{$vo.desc}</div>
                                                <a class="plan-item-btn row" href="{:U('message/details',['type'=>'cloud','key'=>$vo['id']])}">
                                                    <div class="plan-item-more col-lg-4 col-sm-6 col-xs-4">
                                                        <i class="iconfont icon-youjiantou- aws-icon"></i>
                                                    </div>
                                                    <div
                                                            class="plan-item-arrow col-lg-2 col-lg-offset-6 col-sm-2 col-sm-offset-4 col-xs-2 col-xs-offset-6 ">
                                                        <i class="iconfont icon-arrowdown"></i>
                                                    </div>
                                                </a>
                                            </div>
                                        </volist>
                                    </div>
                                    <div class="plan-list-right col-md-8 hidden-xs">
                                        <img src="__PUBLIC__/asset/image/platform/google/plan.png" alt="">
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="platform-plan-list row">
                                    <div class="plan-list-left col-md-4">
                                        <volist name="list[1]" id="vo">
                                            <div class="plan-item">
                                                <div class="plan-item-title sec-text">{$vo.title}</div>
                                                <div class="plan-item-info info-text">{$vo.desc}</div>
                                                <a class="plan-item-btn row" href="{:U('message/details',['type'=>'cloud','key'=>$vo['id']])}">
                                                    <div class="plan-item-more col-lg-4 col-sm-6 col-xs-4">
                                                        <i class="iconfont icon-youjiantou- aws-icon"></i>
                                                    </div>
                                                    <div
                                                            class="plan-item-arrow col-lg-2 col-lg-offset-6 col-sm-2 col-sm-offset-4 col-xs-2 col-xs-offset-6 ">
                                                        <i class="iconfont icon-arrowdown"></i>
                                                    </div>
                                                </a>
                                            </div>
                                        </volist>
                                    </div>
                                    <div class="plan-list-right col-md-8 hidden-xs">
                                        <img src="__PUBLIC__/asset/image/platform/google/plan.png" alt="">
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="platform-plan-list row">
                                    <div class="plan-list-left col-md-4">
                                        <volist name="list[2]" id="vo">
                                            <div class="plan-item">
                                                <div class="plan-item-title sec-text">{$vo.title}</div>
                                                <div class="plan-item-info info-text">{$vo.desc}</div>
                                                <a class="plan-item-btn row" href="{:U('message/details',['type'=>'cloud','key'=>$vo['id']])}">
                                                    <div class="plan-item-more col-lg-4 col-sm-6 col-xs-4">
                                                        <i class="iconfont icon-youjiantou- aws-icon"></i>
                                                    </div>
                                                    <div
                                                            class="plan-item-arrow col-lg-2 col-lg-offset-6 col-sm-2 col-sm-offset-4 col-xs-2 col-xs-offset-6 ">
                                                        <i class="iconfont icon-arrowdown"></i>
                                                    </div>
                                                </a>
                                            </div>
                                        </volist>
                                    </div>
                                    <div class="plan-list-right col-md-8 hidden-xs">
                                        <img src="__PUBLIC__/asset/image/platform/google/plan.png" alt="">
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="platform-plan-list row">
                                    <div class="plan-list-left col-md-4">
                                        <volist name="list[3]" id="vo">
                                            <div class="plan-item">
                                                <div class="plan-item-title sec-text">{$vo.title}</div>
                                                <div class="plan-item-info info-text">{$vo.desc}</div>
                                                <a class="plan-item-btn row" href="{:U('message/details',['type'=>'cloud','key'=>$vo['id']])}">
                                                    <div class="plan-item-more col-lg-4 col-sm-6 col-xs-4">
                                                        <i class="iconfont icon-youjiantou- aws-icon"></i>
                                                    </div>
                                                    <div
                                                            class="plan-item-arrow col-lg-2 col-lg-offset-6 col-sm-2 col-sm-offset-4 col-xs-2 col-xs-offset-6 ">
                                                        <i class="iconfont icon-arrowdown"></i>
                                                    </div>
                                                </a>
                                            </div>
                                        </volist>
                                    </div>
                                    <div class="plan-list-right col-md-8 hidden-xs">
                                        <img src="__PUBLIC__/asset/image/platform/google/plan.png" alt="">
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="platform-plan-list row">
                                    <div class="plan-list-left col-md-4">
                                        <volist name="list[4]" id="vo">
                                            <div class="plan-item">
                                                <div class="plan-item-title sec-text">{$vo.title}</div>
                                                <div class="plan-item-info info-text">{$vo.desc}</div>
                                                <a class="plan-item-btn row" href="{:U('message/details',['type'=>'cloud','key'=>$vo['id']])}">
                                                    <div class="plan-item-more col-lg-4 col-sm-6 col-xs-4">
                                                        <i class="iconfont icon-youjiantou- aws-icon"></i>
                                                    </div>
                                                    <div
                                                            class="plan-item-arrow col-lg-2 col-lg-offset-6 col-sm-2 col-sm-offset-4 col-xs-2 col-xs-offset-6 ">
                                                        <i class="iconfont icon-arrowdown"></i>
                                                    </div>
                                                </a>
                                            </div>
                                        </volist>
                                    </div>
                                    <div class="plan-list-right col-md-8 hidden-xs">
                                        <img src="__PUBLIC__/asset/image/platform/google/plan.png" alt="">
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="platform-plan-list row">
                                    <div class="plan-list-left col-md-4">
                                        <volist name="list[5]" id="vo">
                                            <div class="plan-item">
                                                <div class="plan-item-title sec-text">{$vo.title}</div>
                                                <div class="plan-item-info info-text">{$vo.desc}</div>
                                                <a class="plan-item-btn row" href="{:U('message/details',['type'=>'cloud','key'=>$vo['id']])}">
                                                    <div class="plan-item-more col-lg-4 col-sm-6 col-xs-4">
                                                        <i class="iconfont icon-youjiantou- aws-icon"></i>
                                                    </div>
                                                    <div
                                                            class="plan-item-arrow col-lg-2 col-lg-offset-6 col-sm-2 col-sm-offset-4 col-xs-2 col-xs-offset-6 ">
                                                        <i class="iconfont icon-arrowdown"></i>
                                                    </div>
                                                </a>
                                            </div>
                                        </volist>
                                    </div>
                                    <div class="plan-list-right col-md-8 hidden-xs">
                                        <img src="__PUBLIC__/asset/image/platform/google/plan.png" alt="">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <img class="platform-plan-bg hidden-xs wow fadeInUp" src="__PUBLIC__/asset/image/platform/google/bg.png"
                     data-wow-delay="0.3s"></img>
            </div>
            <!-- 案例分享 -->
            <!-- <div class="platform-example" id="platform-example" style="margin-top: 10vh;">
                <div class="middle-box wow fadeInUp">
                    <div class="example-title frist-text">成功案例分享</div>
                </div>
                <div class="platform-example-list wow fadeInUp" data-wow-delay="0.5s">
                    <div class="platform-example-swiper">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div class="example-item">
                                    <img class="example-img" src="__PUBLIC__/asset/image/home/p4-list-img.png" alt="">
                                    <div class="example-info">
                                        <div class="frist-text">家乐福</div>
                                        <div class="info-text">用GCP实践创新数位转型，打造全新电商体验克服系统转换与挑战</div>
                                    </div>
                                    <a class="plan-item-btn row" href="../message/?key=test1">
                                        <div class="plan-item-more col-sm-6 col-lg-5 col-xs-8"><i class="iconfont icon-youjiantou- google-icon"></i>
                                        </div>
                                        <div
                                            class="plan-item-arrow col-lg-2 col-sm-3 col-sm-offset-3 col-lg-offset-5 col-xs-2 col-xs-offset-2">
                                            <i class="iconfont icon-arrowdown"></i>
                                        </div>
                                    </a>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="example-item">
                                    <img class="example-img" src="__PUBLIC__/asset/image/home/p4-list-img.png" alt="">
                                    <div class="example-info">
                                        <div class="frist-text">家乐福</div>
                                        <div class="info-text">用GCP实践创新数位转型，打造全新电商体验克服系统转换与挑战</div>
                                    </div>
                                    <a class="plan-item-btn row" href="../message/?key=test1">
                                        <div class="plan-item-more col-sm-6 col-lg-5 col-xs-8"><i class="iconfont icon-youjiantou- google-icon"></i>
                                        </div>
                                        <div
                                            class="plan-item-arrow col-lg-2 col-sm-3 col-sm-offset-3 col-lg-offset-5 col-xs-2 col-xs-offset-2">
                                            <i class="iconfont icon-arrowdown"></i>
                                        </div>
                                    </a>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="example-item">
                                    <img class="example-img" src="__PUBLIC__/asset/image/home/p4-list-img.png" alt="">
                                    <div class="example-info">
                                        <div class="frist-text">家乐福</div>
                                        <div class="info-text">用GCP实践创新数位转型，打造全新电商体验克服系统转换与挑战</div>
                                    </div>
                                    <a class="plan-item-btn row" href="../message/?key=test1">
                                        <div class="plan-item-more col-sm-6 col-lg-5 col-xs-8"><i class="iconfont icon-youjiantou- google-icon"></i>
                                        </div>
                                        <div
                                            class="plan-item-arrow col-lg-2 col-sm-3 col-sm-offset-3 col-lg-offset-5 col-xs-2 col-xs-offset-2">
                                            <i class="iconfont icon-arrowdown"></i>
                                        </div>
                                    </a>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="example-item">
                                    <img class="example-img" src="__PUBLIC__/asset/image/home/p4-list-img.png" alt="">
                                    <div class="example-info">
                                        <div class="frist-text">家乐福</div>
                                        <div class="info-text">用GCP实践创新数位转型，打造全新电商体验克服系统转换与挑战</div>
                                    </div>
                                    <a class="plan-item-btn row" href="../message/?key=test1">
                                        <div class="plan-item-more col-sm-6 col-lg-5 col-xs-8"><i class="iconfont icon-youjiantou- google-icon"></i>
                                        </div>
                                        <div
                                            class="plan-item-arrow col-lg-2 col-sm-3 col-sm-offset-3 col-lg-offset-5 col-xs-2 col-xs-offset-2">
                                            <i class="iconfont icon-arrowdown"></i>
                                        </div>
                                    </a>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="example-item">
                                    <img class="example-img" src="__PUBLIC__/asset/image/home/p4-list-img.png" alt="">
                                    <div class="example-info">
                                        <div class="frist-text">家乐福</div>
                                        <div class="info-text">用GCP实践创新数位转型，打造全新电商体验克服系统转换与挑战</div>
                                    </div>
                                    <a class="plan-item-btn row" href="../message/?key=test1">
                                        <div class="plan-item-more col-sm-6 col-lg-5 col-xs-8"><i class="iconfont icon-youjiantou- google-icon"></i>
                                        </div>
                                        <div
                                            class="plan-item-arrow col-lg-2 col-sm-3 col-sm-offset-3 col-lg-offset-5 col-xs-2 col-xs-offset-2">
                                            <i class="iconfont icon-arrowdown"></i>
                                        </div>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div> -->
        </div>
    </div>
    <!-- 底部 -->
    <div class="brand-footer"></div>
</div>
<div class="footer"></div>
<script src="__PUBLIC__/asset/lib/wow/wow.min.js"></script>
<script src="__PUBLIC__/asset/lib/jquery_3.2.1.min.js"></script>
<script src="__PUBLIC__/asset/lib/bootstrap/bootstrap.js"></script>
<script src="__PUBLIC__/asset/lib/swiper/swiper-bundle.min.js"></script>
<script src="__PUBLIC__/asset/js/common.js"></script>
<script src="__PUBLIC__/asset/js/platform.js"></script>
</body>

</html>